<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery2.1.1.min.js"></script>
</head>
<body>


<button id="btn">按钮一</button>

<button id="btn3">按钮3</button>


<button id="btn2">按钮2</button>

<button id="btn4">按钮4</button>
<script>




    $('#btn').hover(   function (){ $(this).mousemove(function (){console.log(1111)}) },     function () {console.log(2222)}   )



    /*比较特殊  悬停是一个持续事件   进行中执行第一个函数   鼠标离开悬停结束 才会执行第二个函数 */
    $('#btn3').hover(    function (){console.log(1111)},   function () {console.log(2222)},  function (){console.log(3333)}  )




    /*只会打印  2222      */

    $('#btn2').click(    function (){console.log(1111)},   function () {console.log(2222)},   function (){console.log(3333)}    )
    /*只会打印 2222*/
    $('#btn4').mouseenter(  function (){console.log(1111)},  function () {console.log(2222)},   function (){console.log(3333)}  )


</script>
</body>
</html>